<template>
 <view class="login">
	  <image class="image_login" src="../../static/zhibo.png" mode="widthFix"></image>
	  <view class="login_item" @click="loginFn(0)">登录</view>
	  <view class="login_item"  @click="loginFn(2)">注册</view>

  </view>
   

</template>

<script setup >
	import {
		computed,
		ref,
		reactive,
		toRefs
	} from 'vue';
    
	
	const   loginFn=(item)=>{
		console.log(item);
		uni.navigateTo({
			url:"/pages/index/loginpassword?item="+item
		})
		
	}  

</script>
<style lang="scss" scoped >
	page{
		background-color: #fff;
	}
	.login{
		margin-top: 300rpx;
		text-align: center;
	}
	.login_item{
		background-image: linear-gradient(130deg,#33a7d0,#3de1c6,#3cd7c9,#3ac8cb);
		margin: 30rpx 70rpx;
		color: #fff;
		padding:20rpx 0;
		border-radius: 40rpx;
	}
	.login_item:last-child{
		color: #000;
		background-color: #fff;
		border: 2rpx solid #eee;
		background-image:none;
		
	}
	.image_login{
		width: 200rpx;
		margin-bottom: 50rpx;
		border-radius: 20rpx;
	}
	
	
</style>
